18 Creative HTML5 CSS3 Slideshow Collection

1. Strapslide - Responsive Bootstrap Slider Plugin

featured image

CSS3 Transition library

HTML5 Support to play self hosted videos

Slideshow Design

More Details

2. CSS Slider

CSS Slider

non jQuery Slider, pure CSS image slider.

Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!

No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly

Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker

More Details

3. Cool Banner Rotator jQuery Plugin

featured image

Nice ad elegant Banner Rotator for your Gallery, SlideShow or Website, with that you can view to your customer the images with style.Video Flash or HTML5 automatic

More Details

4. RoyalSlider – Touch-Enabled jQuery Image Gallery

featured image

Use it as image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery, carousel or even presentation. Developed in best practises of HTML5, CSS3 transitions are used for all animations (with fallback).Super smooth hardware accelerated CSS3 transitions for supported touch devices.Auto slideshow with optional pause on hover.Public methods, properties and callbacks (go to slide, play slideshow e.

More Details

5. ZoomFlow - Banner Rotator / Teaser

featured image

HTML5 technology - this gallery uses the latest html5 tehniques to deliver a never seen before experience to your clients

CSS3 technology - this gallery uses cutting-edge css3 definitions to render awesome 3D effects in supporting browsers, the others will degrade gracefully

slideshow mode – display images in a slideshow

More Details

6. Royal 3D Carousel

featured image

Support for old browsers like IE7 and IE8, on older browser that don’t support CSS3 the carousel will be displayed in 2D mode. Fast CSS3 & JavaScript engine.

More Details

7. Responsive Gridfolio

featured image

The Responsive Gridfolio is using the GPU (hardware acceleration) using HTML5 standards. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

8. ZoomShowcase - A jQuery Banner Rotator

featured image

HTML5 Doctype is not required

The banner uses @font-face for the font and CSS3 for the shadow

More Details

9. Versatile Touch Slider

featured image

CSS3 Animations / jQuery Fallback;

Video and Audio with HTML5 support.added example with CSS3 animation.

More Details

10. Slideshow with Separate Content Animations

featured image

This is a content slideshow jQuery which is based entirely on HTML & CSS3 .Pure HTML5 /CSS3, no JavaScript

More Details

11. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

12. Bugibba Slide

featured image

Bugibba SlideShow easy to use slider with awesome 3D transition effects.-2 type menu slideshow responsive.-1 type slideshow full screen

More Details

13. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

net/3d-html5-slider/

3 fallback levels considered, CSS3 3D Transforms, HTML5 Canvas element, 2D Mode. Option to set shuffle mode for slideshow

Add new feature: Shuffle mode for slideshow

More Details

14. Draggable Infinite Grid with Lightbox

featured image

The Infinite Photo Grid with Lightbox is using the GPU (hardware acceleration) using HTML5 standards. it works in the following way: it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

15. CSS3 Image Slider

featured image

A minimal Slideshow

It uses only HTML5 and CSS3, no javascript or the like. You can also customize the design of the slideshow.Just HTML5 and CSS3

More Details

16. HTML5 Photo Gallery - Resizable Album Grid XML

featured image

The HTML5 photo gallery – Resizable Album Grid XML is size flexible or fluid, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. Amazing performance for mobile using css3, you can see in the video demo that it runs just like a native app!, it was coded and optimized for mobile devices and it is 100% mobile compatible and of course it will run just as great on PC. - Keyboard support you can navigate between the large images with the right and left key and start or stop the slideshow with the space key.

More Details

17. Slider Revolution Responsive jQuery Plugin

featured image

Vimeo & Youtube and HTML5 image gallery Supported

Estancia Responsive HTML5 Theme (ignitethemes)

Reverance Responsive HTML5 Church Theme (ignitethemes)

Added: Examples like LazyLoad, Aligns, Fullscreen, Fullscreen-with-offsets, html5,vimeo and youtube videos

Feature: HTML5 Video (videoJS) and added data- options like

option added to laod the image slideshow HTML5 files via videoJsPath:”rs-plugin/videojs/”

IE9 and IE8 transitions reduced to None CSS3 Transitions

More Details

18. Elusive CSS3 Mega Menu

featured image

Elusive CSS3 Mega Menu

A Pure HTML5/CCS3 Mega Navigation Menu that fits well with any website or webpage.

More Details

19. Elusive CSS3 Graph Chart Set

featured image

Elusive CSS3 Graph Chart Set

A Pure HTML5/CCS3 Metro Style Graph/Chart set that fits well with any website or webpage. Using CSS3 Animations to glide onto the page if brings simple sophistication to even the lightest of pages.

More Details